<%@ page contentType="text/html; charset=UTF-8"%>
<%@ include file="/jsp/taglib.jsp"%>
<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用券统计</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico">
    <link href="${ctxStatic}/plugins/h+/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/animate.min.css" rel="stylesheet">
    <link href="${ctxStatic}/plugins/h+/css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="${ctxStatic}/plugins/h+/css/plugins/webuploader/webuploader.css">
    <link href="${ctxStatic}/plugins/h+/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <style>
        .widget.style1 h2 {
            font-size: 25px;
        }

    </style>

</head>

<body class="gray-bg" >
<div class="wrapper wrapper-content  animated fadeInRight" id="ccbb">
    <div class="row">
        <div class="col-sm-12">
            <div class="toolbar">
                <div id="toolbar">
                  </div>
            </div>
            <span id="spancc" class="spancc"></span>
            <div class="row">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>时间</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content" >
                        <div class="row">
                            <div class="col-md-2"><input placeholder="开始日期" id="search_startdate" class="form-control layer-date" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})"></div>
                            <div class="col-md-2"><input placeholder="结束日期" id="search_enddate" class="form-control layer-date" onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})"></div>
                            <div class="col-md-1"><button id="btn_search" class="btn btn-primary"><i class="fa fa-search"></i>&nbsp;搜索</button></div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="row">
                <div class="col-sm-3" style="margin-left: 455px;">
                    <div class="widget style1 navy-bg" style="background-color: #7033CC;">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-male fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <span> 核销会员量 </span>
                                <h2 class="font-bold" id="yqtj_hxhyl">0</h2>
                            </div>
                        </div>
                    </div>
                </div>
             </div>


            <div class="row">
                <div class="col-sm-3">
                    <div class="widget style1 navy-bg"  style="background-color: #225F88;">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-ticket fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <span> 核销久零券量 </span>
                                <h2 class="font-bold" id="yqtj_hxjlql">0.0</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="widget style1 navy-bg"  style="background-color: #338FCC;">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-pencil fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <span> 核销笔数 </span>
                                <h2 class="font-bold" id="yqtj_hxbs">0</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="widget style1 navy-bg"  style="background-color: #7CC7C7">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-money fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <span> 服务费总额 </span>
                                <h2 class="font-bold" id="yqtj_fwfze">0.0</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="widget style1 navy-bg"  style="background-color: #43801A;">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-leaf fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <span> 久零贝支付 </span>
                                <h2 class="font-bold" id="yqtj_jlbzf">0.0</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="row">
                <div class="col-sm-3">
                    <div class="widget style1 navy-bg"  style="background-color: #21EF4A;">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-diamond fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <span> 现金支付 </span>
                                <h2 class="font-bold" id="yqtj_xjzf">0.0</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="widget style1 navy-bg"  style="background-color: #8DE708;">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-credit-card fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <span> 银联卡支付 </span>
                                <h2 class="font-bold" id="yqtj_ylzf">0.0</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="widget style1 navy-bg"  style="background-color: #FFFF00;">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-cny fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <span> 支付宝支付 </span>
                                <h2 class="font-bold" id="yqtj_zfbzf">0.0</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="widget style1 navy-bg"  style="background-color: #F79709;">
                        <div class="row">
                            <div class="col-xs-4">
                                <i class="fa fa-weixin fa-5x"></i>
                            </div>
                            <div class="col-xs-8 text-right">
                                <span> 微信支付 </span>
                                <h2 class="font-bold" id="yqtj_wxzf">0.0</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    <script src="${ctxStatic}/plugins/h+/js/jquery.min.js?v=2.1.4"></script>
    <script src="${ctxStatic}/plugins/h+/js/bootstrap.min.js?v=3.3.6"></script>
    <script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table-master/bootstrap-table.js"></script>
    <script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table/bootstrap-table-mobile.min.js"></script>
    <script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table-master/locale/bootstrap-table-zh-CN.js"></script>
    <script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table-master/extensions/export/bootstrap-table-export.js"></script>
    <script src="${ctxStatic}/plugins/h+/js/plugins/bootstrap-table-master/extensions/editable/bootstrap-table-editable.js"></script>
    <script src="${ctxStatic}/plugins/h+/js/plugins/sweetalert/sweetalert.min.js"></script>
    <script src="${ctxStatic}/plugins/h+/js/content.min.js?v=1.0.0"></script>
    <script src="${ctxStatic}/plugins/h+/js/plugins/layer/laydate/laydate.js"></script>
    <script>

    </script>
    <script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
    <script type="text/javascript">
        loadJLBInfo();
        /*
         搜索按钮
         */
        $("#btn_search").click(function(){
            loadJLBInfo();
        });



        function loadJLBInfo(){
            var  start= $("#search_startdate").val();
            var  end= $("#search_enddate").val();
            $.ajax( {
                url:'${pageContext.request.contextPath}/baseDetail/loadUseInfo.ac',// 跳转到 action
                data:{start:start,end:end},
                type:'post',
                cache:false,
                dataType:'json',
                success:function(data) {
                    $("#yqtj_hxhyl").html(data.useCount);
                    $("#yqtj_hxjlql").html(data.payCoupon);
                    $("#yqtj_hxbs").html(data.count);
                    $("#yqtj_fwfze").html(data.servicePayTotal);
                    $("#yqtj_jlbzf").html(data.jlbTotal);
                    $("#yqtj_xjzf").html(data.xzTotal);
                    $("#yqtj_ylzf").html(data.ylTotal);
                    $("#yqtj_zfbzf").html(data.zfbTotal);
                    $("#yqtj_wxzf").html(data.wxTotal);

                },
                error : function() {
                    alert("加载失败！");
                }
            });
        }
    </script>
</body>


</html>
